<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="" />
    <meta name="keywords" content=" empty demo page" />
    <title>Empty Demo Page | SAP Fundamentals and Luigi</title>
    <link
      href="/vendor/fundamental-styles/dist/fundamental-styles.css"
      rel="stylesheet"
    />
    <link href="../../styles/styles.css" rel="stylesheet" />
    <script src="/vendor/luigi-client/luigi-client.js"></script>
  </head>
  <body>
    <div>
      <div class="fd-page">
        <header class="fd-page__header">
          <div class="fd-action-bar">
            <div class="fd-action-bar__header">
              <h3 class="fd-action-bar__title">
                Hello Luigi
              </h3>
            </div>
            <p class="fd-action-bar__description">Micro Frontend</p>
          </div>
        </header>
        <div class="fd-page__content">
          <section class="fd-section">
            <p class="fd-has-text-align-center fd-has-font-style-italic">
              <strong>There is nothing to see here</strong>
            </p>
            <p class="fd-has-text-align-center">
              <button class="fd-button sap-icon--add" onclick="work()">
                Do some work!
              </button>
            </p>
          </section>
        </div>
      </div>
    </div>

    <script type="text/javascript">
      function work() {
        // do nothing
      }
    </script>
  </body>
</html>
